<template>
  <div id="centerLeft1">
    <div class="bg-color-black">
      <div class="d-flex pt-2 pl-2">
        <el-menu :default-openeds="['2']" style="height: 100%;overflow-x:hidden;"
                 background-color=unset
                 text-color="#fff"
                 active-text-color="#ffd04b"
                 :collapse-transition="false"
                 :collapse="isCollapse"
                 router
        >

          <el-submenu index="2" style="height: 34vh;width:30vh">
            <template slot="title">
              <i class="el-icon-document"></i>
              <span>回归模型</span>
            </template>

            <el-menu-item-group >
              <el-menu-item index="/decisionTreeRegressor" >1.决策树回归</el-menu-item>
              <el-menu-item index="/KNNRegression">2.K最近邻回归</el-menu-item>
              <el-menu-item index="/lassoRegression">3.套索回归</el-menu-item>
              <el-menu-item index="/MLPRegression">4.多层感知机回归</el-menu-item>
              <el-menu-item index="/multipleLinearRegression">5.多元线性回归</el-menu-item>
              <el-menu-item index="/ridgeRegression">6.岭回归</el-menu-item>
              <el-menu-item index="/SVR">7.支持向量机回归</el-menu-item>
<!--              <el-menu-item index="/EL_stacking">8.堆栈式多特征融合集成学习模型</el-menu-item>-->
<!--              <el-menu-item >-->
<!--                <a href="http://localhost:8088" style="color: white;text-decoration: none">8.铜材料数字孪生示范线</a>-->
<!--              </el-menu-item>-->
<!--              <el-menu-item >-->
<!--                <a href="http://localhost:9528" style="color: white;text-decoration: none">9.铜材料专用数据库</a>-->
<!--              </el-menu-item>-->
              <!--        <el-menu-item index="2-8">8.CopperMaterial</el-menu-item>-->

            </el-menu-item-group>
          </el-submenu>
        </el-menu>
        </div>
    </div>
  </div>

</template>

<script>
export default {
  name: "Aside",
  props:{
    isCollapse:Boolean,
    logoTextShow:Boolean
  },



}
</script>

<style lang="scss" scoped>
::-webkit-scrollbar {
  display: none;
}
//::-webkit-scrollbar {
//  width: 0 !important;height: 0;
//}

$box-width: 308px;
$box-height: 410px;

#centerLeft1 {
  padding: 16px;
  padding-right: 4px;
  height: $box-height;
  width: $box-width;
  border-radius: 10px;
  .bg-color-black {
    height: $box-height - 30px;
    border-radius: 10px;
  }
  .text {
    color: #c3cbde;
  }
  .dv-dec-3 {
    position: relative;
    width: 100px;
    height: 20px;
    top: -3px;
  }

  .bottom-data {
    .item-box {
      & > div {
        padding-right: 5px;
      }
      font-size: 14px;
      float: right;
      position: relative;
      width: 50%;
      color: #d3d6dd;
      .dv-digital-flop {
        width: 120px;
        height: 30px;
      }
      // 金币
      .coin {
        position: relative;
        top: 6px;
        font-size: 20px;
        color: #ffc107;
      }
      .colorYellow {
        color: yellowgreen;
      }
      p {
        text-align: center;
      }
    }
  }
}

:hover {
  //border: 1px solid #409eff;
  //color: black;
  //background: hsla(217, 67%, 13%, 0.1);
  //-webkit-transition: all .5s;
  //transition: all .5s;
  //background-color:#99CC00;
  //color:#CC3399; cursor:pointer;
  //background:#00F;
  //color:#FFF
}
</style>


